<%--
  Created by IntelliJ IDEA.
  User: jl
  Date: 2021/3/30
  Time: 21:21
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>头像上传下载</title>
    <script src="js/jquery-1.11.1.js"></script>
    <script src="js/bootstrap.js"></script>
    <link rel="stylesheet" href="css/bootstrap.css">
    <style type="text/css">
      body {
        margin: 0 auto;
      }
      img {
        width: 200px;
        height: 200px;
      }
      a, input {
        height: 30px;
        line-height: 30px;
        margin-top: 10px;
      }
      .container div {
        border-radius: 5px;
        border: #eeeeee 2px solid;
        margin: 20px 200px;
        padding: 20px 50px;
        width: 700px;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h2>上传下载</h2>
      <div >
        <img src="uploadfiles/${filename}" id="tx" alt="头像"><br>
        <a href="download?filename=${filename}" class="btn btn-primary">下载</a>
      </div>
      <form action="upload" method="post" enctype="multipart/form-data">
        <div>
          <input type="file" name="pic">
          <input type="submit" value="上传" class="btn btn-success">
        </div>
      </form>
    </div>
  </body>
</html>
